<template>
	<view class="content">
		<view class="group">
			<input type="number" class="input" placeholder="输入支付6位数字密码" v-model="password" />
		</view>
		<view class="group">
			<input type="number" class="input" placeholder="输入支付6位数字密码" v-model="password1" />
		</view>
		<view class="bottom">
			<view class="submit" @click="gopay">确认</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				password:'',
				password1:''
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
	page {
		width: 100%;
		box-sizing: border-box;
		letter-spacing: 3rpx;
		background: #F5F5F5;
		font-family: 'PingFang SC';
		font-size: 32rpx;
		color: #333333;
		padding: 18rpx 0;
	}
	.content {
		width: 100%;
		box-sizing: border-box;
	}
	.group {
		width: 100%;
		box-sizing: border-box;
		background: #FFFFFF;
		display: flex;
		padding: 20rpx;
		border-bottom: 2rpx solid #F5F5F5;
		line-height: 70rpx;
		.input {
			width: 100%;
			box-sizing: border-box;
			height: 70rpx;
			line-height: 70rpx;
		}
	}
	.bottom {
		width: 100%;
		box-sizing: border-box;
		background: #FFFFFF;
		padding: 0rpx 50rpx;
		margin-top: 200rpx;
		.submit {
			width: 100%;
			box-sizing: border-box;
			text-align: center;
			font-size: 30rpx;
			color: #FFFFFF;
			background: #E42221;
			border-radius: 8rpx;
			line-height: 94rpx;
		}
	}
	

</style>
